<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>审计系统</title>
    <link rel="stylesheet" href="css/bootstrap.css"/>
    <link rel="stylesheet" href="css/sidebar-menu.css">
    <link rel="stylesheet" href="css/font-awesome.css">
    <link rel="stylesheet" href="css/bootstrap-datetimepicker.css"/>
    <link rel="stylesheet" href="css/bootstrap-select.min.css"/>
    <link rel="stylesheet" href="css/bootstrap-table.min.css"/>
    <link rel="stylesheet" href="css/confirm-dialog.css">
    <link rel="stylesheet" href="skins/all.css"/>
    <link rel="stylesheet" href="css/index.css"/>
    <link rel="shortcut icon" href="icon/favicon.png">

    <script src="js/third/jquery-3.1.1.min.js"></script>
    <script src="js/third/sidebar-menu.js"></script>
    <script src="js/third/moment.js"></script>
    <script src="js/third/bootstrap.js"></script>
    <script src="js/third/bootstrap-datetimepicker.js"></script>
    <script src="js/third/bootstrap-select.min.js"></script>
    <script src="js/third/bootstrap-table.min.js"></script>
    <script src="js/third/bootstrap-table-zh-CN.min.js"></script>
    <script src="js/third/bootstrap-table-export.js"></script>
    <script src="js/third/confirm-dialog.js"></script>
    <script src="js/third/tableExport.js"></script>
    <script src="js/third/icheck.min.js"></script>
    <script src="js/third/cookie.js"></script>
    <script src="js/third/highcharts.js"></script>
    <script src="js/third/highcharts-3d.js"></script>
    <script src="js/third/echarts.js"></script>
    <script src="js/my/utility.js"></script>
    <script src="js/my/constant.js"></script>
    <script src="js/my/sum.js"></script>
</head>
<body>
<aside class="main-sidebar">
    <section class="sidebar">
        <ul class="sidebar-menu">
            <li class="header">导航栏</li>
            <li class="treeview">
                <a href="index.html">
                    <i class="fa fa-dashboard"></i> <span>主界面</span>
                </a>
            </li>

            <li class="treeview">
                <a href="sum.html">
                    <i class="fa fa-pie-chart"></i>
                    <span>审计统计</span>
                </a>
            </li>

            <li class="treeview">
                <a href="query.html">
                    <i class="fa fa-table"></i> <span>审计查询</span>
                </a>
            </li>

            <li class="treeview">
                <a href="log.html">
                    <i class="fa fa-pie-chart"></i>
                    <span>日志统计</span>
                </a>
            </li>
        </ul>
    </section>
</aside>
<div class="title">
    <span>审计记录统计</span>
    <div class="dropdown right operator">
        <span></span>
        <div class="dropdown-content">
            <a href="#" onclick="logout()">注销</a>
        </div>
    </div>
    <span class="right welcome">欢迎</span>
</div>
<form class="form-horizontal" role="form">
    <div class="panel panel-info panel-width">
        <div class="panel-heading">
            <h3 class="panel-title">选择条件</h3>
        </div>
        <div class="panel-body">
            <div class="form-group">
                <label for="dtp_start" class="col-md-2 control-label">开始时间</label>
                <div class="input-group date form_datetime col-md-3" data-date-format="yyyy-mm-dd hh:ii"
                     id="datetimepicker1">
                    <input id="dtp_start" class="form-control" size="16" type="text">
                    <span class="input-group-addon">
                        <span class="glyphicon glyphicon-calendar"></span>
                    </span>
                </div>
            </div>
            <div class="form-group">
                <label for="dtp_end" class="col-md-2 control-label">结束时间</label>
                <div class="input-group date form_datetime col-md-3" data-date-format="yyyy-mm-dd hh:ii"
                     id="datetimepicker2">
                    <input class="form-control" size="16" id="dtp_end" type="text">
                    <span class="input-group-addon">
                        <span class="glyphicon glyphicon-calendar"></span>
                    </span>
                </div>
            </div>
            <div class="form-group">
                <label for="operator_input" class="col-md-2 control-label">操作人</label>
                <input class="form-control input-width-1" id="operator_input" size="16" type="text" value=""/>
            </div>
            <div class="form-group" style="margin-top: 20px">
                <label for="table_input" class="col-md-2 control-label">表类型</label>
                <div class="col-lg-3" style="padding: 0">
                    <select id="table_input" class="selectpicker show-tick form-control">
                        <option value="1">加密</option>
                        <option value="2">解密</option>
                        <option value="3">验证</option>
                        <option value="4">签名</option>
                        <option value="5">签密</option>
                        <option value="6">解签密</option>
                        <option value="7">MAC</option>
                        <option value="8">认证加密</option>
                        <option value="9">解密验证</option>
                    </select>
                </div>
            </div>
            <div class="form-group button-group">
                <button type="button" class="btn btn-info margin" id="cartogram">统计图</button>
                <button type="button" class="btn btn-info margin" id="sequence_diagram">时序图</button>
            </div>
        </div>
    </div>
</form>
<div class="form-group">
    <label for="year_input"></label>
    <input class="form-control input-width-1" id="year_input" size="16" type="text" style="display: inline"/>
    <button type="button" class="btn btn-info margin" onclick="get_stack_diagram('all')">堆积图</button>
</div>
<div class="panel panel-info panel-width">
    <div class="panel-heading">
        <h3 class="panel-title">统计结果</h3>
    </div>
    <div class="panel-body">
        <div class="switch-area none chart-area">
            <span>统计图表</span>
            <input type="radio" id="bar_chart" name="chart_type" value="bar_chart" checked>
            <label for="bar_chart">柱形图</label>
            <input type="radio" id="pie_chart" name="chart_type" value="pie_chart">
            <label for="pie_chart">饼形图</label>
        </div>
        <div class="switch-area none dimension-area"></div>
        <div id="main" class="chart"></div>
    </div>
</div>
</body>
</html>